<!DOCTYPE html>
<html>
    <head>
        <title>Dartmouth College</title>
        <script src="../static/jspsych-6.3.1/jspsych.js"></script>
        <script src="../static/jspsych-6.3.1/plugins/jspsych-survey-text.js"></script>
        <script src="../static/jspsych-6.3.1/plugins/jspsych-call-function.js"></script>
        <script src="../static/jspsych-6.3.1/plugins/jspsych-html-keyboard-response.js"></script>
        <script src="../static/jspsych-6.3.1/plugins/jspsych-html-button-response.js"></script>
        <script src="../static/jspsych-6.3.1/plugins/jspsych-survey-multi-choice.js"></script>
        <script src="../static/jspsych-6.3.1/plugins/jspsych-survey-likert.js"></script>
        <link href="../static/jspsych-6.3.1/css/jspsych.css" rel="stylesheet" type="text/css"></link>
        <script.src = 'https://code.jquery.com/jquery-3.4.1.min.js'></script>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <body>
    </body> 
    <script>

    /***************************************** Variables *********************************************/

    var completion_code = 'xxx';
    var question = "Imagine you are taking a group of children to the zoo.<br>However, the zoo is closing early and you only have time to see one animal.<br>Which zoo animal do you take the children to see, given that you know they might be scared of the larger animals?"

    var considerations = []
    var timeline = [];
    var info = ""
    var info_rt = ""

    var null_response_list = ["na", "n/a"]
    /***************************************** Trials *********************************************/

    // consent
    var consent = {
        type: "html-button-response",
        stimulus: "<DIV align='left'><div>&nbsp;</div><div>Please consider this information carefully before deciding whether to participate in this research.</div><div>&nbsp;</div><div>The purpose of this research is to examine which factors influence social judgment and decision-</div><div>making. You will be asked to make judgements about individuals and actions in social scenarios.</div><div>We are simply interested in your judgement. The study will take less than 1 hour to complete,</div><div>and you will receive less than $20 on Amazon Mechanical Turk. Your compensation and time</div><div>commitment are specified in the study description. There are no anticipated risks associated with</div><div>participating in this study. The effects of participating should be comparable to those you would</div><div>ordinarily experience from viewing a computer monitor and using a mouse or keyboard for a</div><div>similar amount of time. At the end of the study, we will provide an explanation of the questions</div><div>that motivate this line of research and will describe the potential implications.</div><div>&nbsp;</div><div>Your participation in this study is completely voluntary and you may refuse to participate or you</div><div>may choose to withdraw at any time without penalty or loss of benefits to you which are</div><div>otherwise entitled. Your participation in this study will remain confidential. No personally</div><div>identifiable information will be associated with your data. Also, all analyses of the data will be</div><div>averaged across all the participants, so your individual responses will never be specifically</div><div>analyzed.</div><div>&nbsp;</div><div>If you have questions or concerns about your participation or payment, or want to request a</div><div>summary of research findings, please contact Dr. Jonathan Phillips at</div><div><a href=mailto:Jonathan.S.Phillips@dartmouth.edu>Jonathan.S.Phillips@dartmouth.edu</a>.</div><div>&nbsp;</div><div>Please save a copy of this form for your records.</div><div>&nbsp;</div></DIV><div>Agreement:</div><DIV align='left'><div>The nature and purpose of this research have been sufficiently explained and I agree to</div><div>participate in this study. I understand that I am free to withdraw at any time without incurring</div><div>any penalty. Please consent by clicking the button below to continue. Otherwise, please exit the</div><div>study at any time.</div><div>&nbsp;</div></DIV>",
        choices: ['Submit']
    };

    //welcome
    var welcome = {
	    type: "html-keyboard-response",
	    stimulus: "<div class='center-content'><br><br><br><br>Welcome to the HIT. Press any key to begin.",
    };

    //get subject ID
    var get_id = {
	    type: 'survey-text',
        preamble: ["Please enter your Prolific Worker ID below.<br><br>If you do not enter your ID accurately, we will not be able to pay you."],
        questions: [{prompt: "Worker ID:", name: "subject_id", required: true}],
        on_finish: function(data){
            jsPsych.data.addProperties({
                subject_id: data['response']['subject_id'],
            });
        }
    }

    var instructions = {
        type: "html-button-response",
        stimulus: "In this study, you will be asked to answer a question, and then to reflect on the process which led you to your answer.<br>Please click 'continue' to begin the study!<br><br>",
        choices: ['Continue']
    };

    question_trial = {
        type: 'survey-text',
        preamble: question,
        questions: [
            { prompt: "", required: "true"}
        ],
        on_finish(data) {
            answer = Object.values(data.response)[0];
            answer_rt = data.rt;
        }
    };

    consideration_trial = {
        type: 'survey-text',
        preamble: "<br><b>Please list all of the zoo animals that you can remember considering before you made your decision.</b><br>Please list them if you thought about them, but then immediately realized they weren't actually good options.<br>You should also include the zoo animal you ultimately decided on.<br>Type \"n/a\" in any unused text boxes.<br>",
        questions: [
            {prompt: "", required: true},
            {prompt: "", required: true},
            {prompt: "", required: true},
            {prompt: "", required: true},
            {prompt: "", required: true},
            {prompt: "", required: true},
            {prompt: "", required: true},
            {prompt: "", required: true}
        ],
        on_finish: function(data) {
            considerations.rt = data.rt
            for(j=0;j<8;j++) {
                res = Object.values(data.response)[j];
                considerations.push(res)
            }
        }
    };

    important_feature_trial = {
        type: 'survey-text',
        preamble: "<br>Finally, please describe what information you think should be taken into account when making this decision.<br>",
        questions: [
            {prompt: "", rows: 8, columns: 80, required: true},
        ],
        on_finish: function(data) {
            info = Object.values(data.response)[0]
            info_rt = data.rt
        }
    };

    //demographics  
    var demo_instructions = {
        type: "html-keyboard-response",
        stimulus: "<div>Next, please provide us with some demographic information.</div><div>Press any key to begin.</div>",
        on_finish() {
            all_data = {};
            all_data.answer = answer;
            all_data.answer_rt = answer_rt;
            all_data.considerations = considerations;
            all_data.considerations_rt = considerations;
            all_data.info = info;
            all_data.info_rt = info_rt;
            all_data.exp_phase = "trial";
            all_data.subject_id = jsPsych.data.get().values()[0].subject_id;
            save_data(all_data);
        }
    };
    var demo1 = {
        type: 'survey-text',
        preamble: '',
        questions: [{prompt: "How old are you?", required: true}, {prompt: "What is your native language?", required: true}, {prompt: "What is your nationality?", required: true}, {prompt: "In which country do you live?", required: true}],
    };
    //saves data on completion of this trial
    var demo2 = {
        type: 'survey-multi-choice',
        preamble: "Please provide us with some demographic information.",
        questions: [
            {prompt: "What is your gender?", options: ["Male","Female","Other"], required:true}, 
            {prompt: "Are you a student?", options: ["Yes","No"], required: true},
            {prompt: "What is your education level?", options: ["Grade/elementary school","High school","Some college or university","College or university degree","Graduate degree, Masters","PhD"], required: true}
        ],
        on_finish: function(data) {
            data.exp_phase = 'subject_info';
            var lastData = jsPsych.data.get().last(2).values();
            var demo1 = lastData[0]['response'];
            var demo2 = lastData[1]['response'];
            data.age = demo1['Q0'];
            data.language = demo1['Q1'];
            data.nationality = demo1['Q2'];
            data.country = demo1['Q3'];
            data.gender = demo2['Q0'];
            data.student = demo2['Q1'];
            data.education = demo2['Q2'];
            data.completion_code = completion_code;
            save_data(data);
        },
	};

    //provide completion code
    var end = {
        type: "html-button-response",
        stimulus: "<h4>Thank you for your participation!</h4><h4>In order to complete this HIT, you must enter the code below into Prolific.</h4><h4>Your secret completion code is:<br><br>" + completion_code + "<br><br>Copy this code now.</h4><h4>Once you've copied it, click the button below to leave this window.</h4>",
        choices: ['Finish'],
    };

    //debrief
    var end_debrief = {
	    type: "html-keyboard-response",
	    stimulus: "<DIV align='left'><div>&nbsp;</div><div><strong>Study Debriefing</strong></div><div>Judgement and decision making are important aspects of public and private life. Using surveys</div><div>like the one you just completed, we are examining the factors that go into making social</div><div>decisions.</div><div>&nbsp;</div><div><strong>How is this being tested?</strong></div><div>We have asked you to respond to stories or videos that differ on several important factors. By</div><div>isolating different variables that are involved in social thought, we can better understand how we</div><div>arrive at complex decision-making. For example, some actions are seen as more worthy of blame</div><div>if they are performed intentionally. Harming someone on purpose is generally worse than</div><div>harming someone by accident, or even harming someone in a way that is foreseen but not</div><div>intended.</div><div>&nbsp;</div><div><strong>Main questions and hypotheses:</strong></div><div>A fundamental goal of our research is to understand the cognitive and emotional factors that</div><div>influence social judgment and decision-making. We are studying these factors by presenting</div><div>people with hypothetical questions that vary in specific ways and seeing which factors make a</div><div>difference. Some people filled out the same survey that you just filled out. Others got slightly</div><div>different surveys.</div><div>&nbsp;</div><div><strong>Why is this important to study?</strong></div><div>By comparing answers on these important factors, we learn about what factors affect social</div><div>judgment. This has crucial implications for many public domains, including the legal system.</div><div>&nbsp;</div><div><strong>How to learn more:</strong></div><div>If you are interested in learning more, you may want to consult the following articles:</div><div>Phillips, J., &amp; Cushman, F. (2017). Morality constrains the default representation of what is</div><div style='padding-left: 30px;'>possible. Proceedings of the National Academy of Sciences of the United States of</div><div style='padding-left: 30px;'>America, 114(18), 4649&ndash;4654. https://doi.org/10.1073/pnas.1619717114</div><div>Phillips, J., Morris, A., &amp; Cushman, F. (2019). How we know what not to think.</div><div style='padding-left: 30px;'>Trends in Cognitive Sciences, 23(12), 1026&ndash;1040. https://doi.org/10.1016/j.tics.2019.09.007</div><div>Phillips, J., Buckwalter, W., Cushman, F., Friedman, O., Martin, A., Turri, J., Santos, L., &amp;</div><div style='padding-left: 30px;'>Knobe, J. (2020). Knowledge before Belief. Behavioral and Brain Sciences, 1-37.</div><div style='padding-left: 30px;'>doi:10.1017/S0140525X20000618</div><div>&nbsp;</div><div><strong>How to contact the researcher:</strong></div><div>If you have questions or concerns about your participation or</div><div>payment, or want to request a summary of research findings, please contact the Primary</div><div>Investigator: Dr. Jonathan Phillips, at Jonathan.S.Phillips@dartmouth.edu.</div><div>Whom to contact about your rights in this research:</div><div>If you have questions, concerns,</div><div>complaints, or suggestions about the present research, you may call the Office of the Committee</div><div>for the Protection of Human Subjects at Dartmouth College (603) 646-6482 during normal</div><div>business hours.</div><div>&nbsp;</div><div><strong>Thank you for your participation!</strong></div><div>&nbsp;</div></DIV>",
    };

    //save data to database
    function save_data(data) {
        var url = "study";
        var xhr = new XMLHttpRequest();
        xhr.open("POST", url, true);
        xhr.setRequestHeader('Content-Type', 'application/json');
        xhr.send(JSON.stringify({
            data
        }));
    }

    timeline.push(consent);
    timeline.push(welcome);
    timeline.push(get_id);
    timeline.push(instructions);
    timeline.push(question_trial);
    timeline.push(consideration_trial);
    timeline.push(important_feature_trial);
    timeline.push(demo_instructions)
    timeline.push(demo1);
    timeline.push(demo2);
    timeline.push(end);
    timeline.push(end_debrief);

    jsPsych.init({
        timeline:timeline,
    });

    </script>
</html>